<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <style>
        .content {
            overflow-y: scroll;
            width: 200px;
            height: 200px;
        }

        .content div {
            text-align: center;
            font-weight: bold;
        }
    </style>
</head>
<body>

    <div class="content">
        <div>用户注册协议</div>
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Omnis consequuntur expedita tempore nulla! Officia tempora eius asperiores fugit, voluptas modi officiis voluptates obcaecati earum placeat. Aperiam incidunt magni, tenetur provident vitae ipsum sapiente fuga. Eveniet at quas accusantium modi velit atque fuga dolorem, quo iste natus. Architecto corrupti numquam, officia odit est hic necessitatibus repellendus ipsum ab quo voluptas cum minus eveniet dolores alias ipsam accusantium reiciendis possimus? Sit beatae maiores optio quidem reprehenderit fugit deserunt, inventore delectus ipsum aperiam id consequatur? Ab tenetur tempore id molestiae deserunt sequi inventore vitae suscipit, vel, ipsa dolorem, optio aliquid eveniet at dolorum qui. Rerum, vero tempora cumque officiis id inventore molestias ullam esse corrupti. Atque fugiat vero delectus! Aut, maxime? Vero accusantium accusamus voluptate maxime obcaecati ipsum labore omnis fuga quibusdam. Eos alias illo dolores quae, praesentium ipsa veniam excepturi debitis? Itaque quia nemo sequi beatae reprehenderit, dolor aliquid esse culpa id sit dolore voluptas pariatur nostrum nihil quibusdam maiores numquam tempora porro voluptates excepturi commodi tempore officia. Inventore, beatae ullam debitis amet culpa, quam quasi nam ea nesciunt fuga tempora earum molestiae? Aut nisi quia totam mollitia, harum minus aliquid voluptates repellendus doloremque in optio iure. Expedita saepe molestias earum harum corrupti iusto itaque dolore? Quidem accusantium labore quisquam, consequatur exercitationem accusamus saepe soluta facere sed nulla cum suscipit voluptatibus. Dolorum exercitationem numquam laboriosam adipisci ipsum corporis dicta fugiat, ea neque temporibus sit! Rem omnis vel fugit numquam odio odit, et quidem quas assumenda magni eaque quia esse dolorem, maiores officiis qui voluptatum nisi dolore, adipisci commodi expedita magnam beatae libero veniam? Totam voluptatem, aspernatur deleniti et impedit non quibusdam corrupti nesciunt asperiores sequi quo modi. Quam quas quo, autem dicta, dolorem quos ad adipisci veniam non voluptates error vitae blanditiis dolores sed magnam ullam doloremque ducimus deleniti laboriosam neque aliquid!
    </div>
    <button disabled>我已经同意用户协议(3)</button>

<script>

    let readTime = 2
    let b = document.querySelector("button")
    let n = setInterval(function() {
        if (readTime > 0) {
            b.innerHTML = `我已经同意用户协议(${readTime--})`
        } else {
            clearInterval(n)
            b.innerHTML = `我已经同意用户协议`
            b.disabled = false
        }
    }, 1000)
</script>
</body>
</html>